/*ESTILOS GENERALES*/
*{
  margin: 0;
  padding: 0;
  font-family: "Sarabun", serif;
  font-weight: 300;
  font-style: normal;
}

section{
  background-image: url(./imagen/papelviejo.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

h1{
  font-size: 3.5rem;
  text-shadow: 8px 8px 10px rgb(165, 149, 149);
  text-align: center;
  padding-bottom: 40px;

}

h2{
  padding-top: 10px;
  padding-bottom: 20px;
  text-shadow: 10px 10px 10px rgb(165, 149, 149);
  text-align: center;

}

/*SECCION BARRA NAVEGACION*/

/*Linea sobre Barra de navegacion*/
.card{
  background-color: #16B79A;
}

.card-header{
  text-align: center;
}

.navbar-text{
  color: #f5f6f7;
  font-size: larger;
}

/*Barra de nevegacion*/
.navbar{
  background-color: #f5f6f7;
}

/*logo + texto*/
.navbar-brand {
  color: #16B79A;
  font-size: x-large;
  margin-left: 100px;
}

.navbar-brand:hover{
  color: #6eb9ab;
}

/*linea divisoria*/
.navbar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px; /* Ajusta el grosor de la línea */
  background-color: rgba(211, 218, 211, 0.452);
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

/*logo+texto*/
.imglogo{
  margin-right: 10px;
}

/*btn area privada*/
.btn{
  border: 1px solid #16B79A;
  border-radius: 13px;
  border-color: #16B79A;
  color:#16B79A ;
  font-size: medium;
}

.btn:hover{
  background-color:#16B79A ;
}

.btn-areapda{
  margin-left: 100px;
  margin-right: 100px;
  margin-top: 5px;
}

/*PAGINA PRINCIPAL*/

/*SECCION HERO*/
.hero-principal{
  margin-top: 20px;
}
.btn-turnos{
  border: 1px solid #16B79A;
  border-radius: 30px;
  background-color: #16B79A;
  color:white ;
  font-size: x-large;
  padding: 12px;
  margin-bottom: 12px;
}

.btn-turnos:hover{
  background-color:#36c7ad ;
  border-radius: #669e94;
  color:white;
}

/*SECCION PRESTADORES*/

.prestadores{
  background-image: url(./imagen/estectocopio.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  filter: grayscale(35%);
  padding-top: 40px;
}

/*texto prestadores*/
.huno-prest{
  font-size: 3.5rem;
  color: azure;
  text-shadow: 8px 5px 10px rgb(19, 18, 18);
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.hdos-prest{
  color: rgb(71, 67, 67);
  padding-top: 20px;
  padding-bottom: 20px;
  text-shadow: 10px 5px 10px rgb(56, 54, 54);
  text-align: center;
}

/*btn acordion*/
.container-accordion{
  margin-bottom: 10px;
  background-color: #16B79A;
  opacity: 0.7;
  border-radius: 18px;
  font-size: 20px;
  gap: 20px;
  margin: 10px;
  width: 100%;
}

.accordion-header{
  color: black;
  width: 80%;/* El botón ocupará como máximo el 100% del ancho disponible */
  padding: 10px;
}
.accordion-li{
  text-align: start;
}

.accordion-a{
  color: black;
  text-decoration: none;
}

.accordion-a:hover{
  color: rgb(87, 80, 80);
}

/*icono acordion*/
.icono-salud{
  width: 25px;
  margin: 10px;
}

@media (max-width: 767px) {
  .prestadores {
    padding-bottom: 50px; /* Ajusta el valor según sea necesario */
  }
}

/*6-FOOTER*/